*{margin: 0; padding: 0;}
li{list-style: none;}
.PxToRem(@name,@px){
    @{name} : @px / 75 * 1rem;
}

header{
     background:#27c1b4;
    .PxToRem(height,98);
     display: flex;
     align-items: center;
     justify-content: space-between;
    p{
      .PxToRem(font-size,31);
               color: #fff;
               margin: 0 auto;
    }
}

.topp{
    .PxToRem(padding,20);
    .PxToRem(height,180);
    .result{
        
     display: flex;
     justify-content: space-between;
     .title{color: #27c1b4; .PxToRem(font-size,21); 
            font-weight: bold;.PxToRem(margin-top,30)}
     .title1{color: red; .PxToRem(font-size,22);
             font-weight: bold;.PxToRem(margin-top,30)}
        
    }
    
    .menu{display: flex;
    .PxToRem(padding-bottom,20);
    .PxToRem(margin-bottom,20);
    border-bottom: 1px solid #CCCCCC;
        span{ 
             .PxToRem(padding-left,20);
             .PxToRem(font-size,20);
            img{ .PxToRem(margin-top,20);}
        }
    }
    .p{ .PxToRem(font-size,20);} 
}

.article{background: #f0f0f0; 
.PxToRem(height,22);} 
.main,.main1{ .PxToRem(height,736);
               .PxToRem(padding,20);
    .pp{color: #27c1b4; 
    .PxToRem(font-size,26);
     border-bottom: 1px solid #CCCCCC;
     .PxToRem(padding,20);
        }
    .text{.PxToRem(font-size,26); .PxToRem(margin-top,20);}
}

.main1{.PxToRem(height,450)}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    .PxToRem(height,114);
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    .box_1{.PxToRem(height,78);
    .PxToRem(width,300);
           border: 1px solid #27c1b4;
           text-align: center;
           .PxToRem(line-height,78);
            color: #27c1b4;
    }
    .box_2{.PxToRem(height,78);
           .PxToRem(width,300);
           border: 1px solid #27c1b4;
           text-align: center;
           .PxToRem(line-height,88);
           background:#27c1b4;
           color: #fff;
          
    }
}















